<!DOCTYPE html>
<html>
<head>
  <meta content="text/html; charset=utf-8" http-equiv="Content-Type"/>
  <title></title>
  <script src="../internal.js" type="text/javascript"></script>
  <style type="text/css">
    .warp {width: 320px;height: 153px;margin-left:5px;padding: 20px 0 0 15px;position: relative;}
    #url {width: 290px; margin-bottom: 2px; margin-left: -6px; margin-left: -2px\9;*margin-left:0;_margin-left:0; }
    .format span{display: inline-block; width: 58px;text-align: center; zoom:1;}
    table td{padding:5px 0;}
    #align{width: 65px;height: 23px;line-height: 22px;}
  </style>
</head>
<body>
<div class="warp">
  <table cellpadding="0" cellspacing="0" width="300">
    <tr>
      <td class="format" colspan="2">
        <span><var id="lang_input_address"></var></span>
        <input id="url" style="width:200px" type="text" value=""/>
      </td>
    </tr>
    <tr>
      <td class="format" colspan="2"><span><var id="lang_input_width"></var></span><input id="width"
                                                                                          style="width:200px"
                                                                                          type="text"/> px
      </td>

    </tr>
    <tr>
      <td class="format" colspan="2"><span><var id="lang_input_height"></var></span><input id="height"
                                                                                           style="width:200px"
                                                                                           type="text"/> px
      </td>
    </tr>
    <tr>
      <td><span><var id="lang_input_isScroll"></var></span><input id="scroll" type="checkbox"/></td>
      <td><span><var id="lang_input_frameborder"></var></span><input id="frameborder" type="checkbox"/></td>
    </tr>

    <tr>
      <td colspan="2"><span><var id="lang_input_alignMode"></var></span>
        <select id="align">
          <option value=""></option>
          <option value="left"></option>
          <option value="right"></option>
        </select>
      </td>
    </tr>
  </table>
</div>
<script type="text/javascript">
  var iframe = editor._iframe;
  if(iframe){
      $G("url").value = iframe.getAttribute("src")||"";
      $G("width").value = iframe.getAttribute("width")||iframe.style.width.replace("px","")||"";
      $G("height").value = iframe.getAttribute("height") || iframe.style.height.replace("px","") ||"";
      $G("scroll").checked = (iframe.getAttribute("scrolling") == "yes") ? true : false;
      $G("frameborder").checked = (iframe.getAttribute("frameborder") == "1") ? true : false;
      $G("align").value = iframe.align ? iframe.align : "";
  }
  function queding(){
      var  url = $G("url").value.replace(/^\s*|\s*$/ig,""),
              width = $G("width").value,
              height = $G("height").value,
              scroll = $G("scroll"),
              frameborder = $G("frameborder"),
              float = $G("align").value,
              newIframe = editor.document.createElement("iframe"),
              div;
      if(!url){
          alert(lang.enterAddress);
          return false;
      }
      newIframe.setAttribute("src",/http:\/\/|https:\/\//ig.test(url) ? url : "http://"+url);
      /^[1-9]+[.]?\d*$/g.test( width ) ? newIframe.setAttribute("width",width) : "";
      /^[1-9]+[.]?\d*$/g.test( height ) ? newIframe.setAttribute("height",height) : "";
      scroll.checked ?  newIframe.setAttribute("scrolling","yes") : newIframe.setAttribute("scrolling","no");
      frameborder.checked ?  newIframe.setAttribute("frameborder","1",0) : newIframe.setAttribute("frameborder","0",0);
      float ? newIframe.setAttribute("align",float) :  newIframe.setAttribute("align","");
      if(iframe){
          iframe.parentNode.insertBefore(newIframe,iframe);
          domUtils.remove(iframe);
      }else{
          div = editor.document.createElement("div");
          div.appendChild(newIframe);
          editor.execCommand("inserthtml",div.innerHTML);
      }
      editor._iframe = null;
      dialog.close();
  }
  dialog.onok = queding;
  $G("url").onkeydown = function(evt){
      evt = evt || event;
      if(evt.keyCode == 13){
          queding();
      }
  };
  $focus($G( "url" ));

</script>
</body>
</html>
